<ng-include src="'app/stat/view/filter.html'"></ng-include>

<ul class="nav nav-tabs">
    <li class="active"><a href="javascript:void(0)" data-toggle="tab" data-target="#avg_chart_panel">平均内存使用图表</a></li>
    <li><a href="javascript:void(0)" data-toggle="tab" data-target="#max_chart_panel">最大内存使用图表</a></li>
    <li><a href="javascript:void(0)" data-toggle="tab" data-target="#list_panel">内存使用列表</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="avg_chart_panel">
        <div id="avgChart" class="stat_chart"></div>
    </div>
    <div class="tab-pane" id="max_chart_panel">
        <div id="maxChart" class="stat_chart"></div>
    </div>
    <div class="tab-pane" id="list_panel">
        <div  ng-repeat="(name, serie) in list" class="col-sm-4">
            <table class="table table-striped table-bordered table-hover">
                <tr>
                    <th colspan="3">{{ name }}</th>
                </tr>
                <tr>
                    <th>时间</th>
                    <th>平均内存使用(MB)</th>
                    <th>最大内存使用(MB)</th>
                </tr>
                <tr ng-repeat="(time, data) in serie">
                    <td>{{ time }}</td>
                    <td>{{ data.avg }}</td>
                    <td>{{ data.max }}</td>
                </tr>
            </table>
        </div>
    </div>
</div>